<template>
    <div style="padding: 20px">
        <a-row type="flex" :gutter="[8, 8]">
            <a-col v-for="router in routes" :key="router.path" :span="4">
                <router-link :to="router.path">
                    <a-button
                        type="primary"
                        style="width: 200px; height: 200px"
                    >
                        {{ router.name }}
                    </a-button>
                </router-link>
            </a-col>
        </a-row>
    </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import routes from "@/router/routes";

export default defineComponent({
    setup() {
        return {
            routes: routes.filter((r) => r.path != "/"),
        };
    },
});
</script>
